<template>
    <el-container>
        <el-header>
            <h1>一盏课堂</h1>
            <div class="function">
                <div class="load-app">
                    下载app
                </div>
                <div class="log">登录</div>
            </div>
        </el-header>
        <el-container>
            <el-aside width="200px">
                <router-view name="leftForm"></router-view>
            </el-aside>
            <el-main>
                <router-view name="rightForm"></router-view>
            </el-main>
        </el-container>
    </el-container>
</template>

<script setup>

</script>

<style scoped lang="less">
    .el-header{
        color: skyblue;
        font-size: 20px;
        border-bottom: 2px silver solid;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .function{
        width: 200px;
        display: flex;
        justify-content: space-around;
    }
    .el-aside {
        width: 70%;
        height: calc(100vh - 76px);
        color: var(--el-text-color-primary);
        display: flex;
    }

    .el-main {
        width: 30%;
        padding: 0;
        border-left: 2px silver solid;
    }
</style>